<!DOCTYPE html >
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:replace="/user/common/CSSandJS1 :: head('确认支付')"></head>
<body>
<div th:replace="/user/common/header :: header(${cartList}, ${totalMoney})"></div>
    <main class="main-content">
    <!--== Start Account Area Wrapper ==-->
    <section class="account-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-8 m-auto">
                    <div class="account-form-wrap">
                        <!--== Start Login Form ==-->
                        <div class="login-form">
                            <div class="content">
                                <h3 class="title">确认支付</h3>
                                <p>Please Pay using Alipay or Wechatpay</p>
                                    <h5 style="color: black" th:text="总计金额+' : '+${totalMoney}+元"></h5>
                            </div>
<!--                            <div class="row">-->
<!--                                <div class="col-md-6">-->
<!--                                    &lt;!&ndash;== Start Blog Item ==&ndash;&gt;-->
<!--                                    <div class="post-item">-->
<!--                                        <div class="thumb" style="margin-left: 20px">-->
<!--                                            <img class="w-100" src="/user/img/blog/b1.jpg" alt="Image-HasTech">-->
<!--                                        </div>-->
<!--                                        <div style="padding-left: 40px">推荐使用微信支付</div>-->
<!--                                    </div>-->
<!--                                    &lt;!&ndash;== End Blog Item ==&ndash;&gt;-->
<!--                                </div>-->
<!--                                <div class="col-md-6">-->
<!--                                    &lt;!&ndash;== Start Blog Item ==&ndash;&gt;-->
<!--                                    <div class="post-item">-->
<!--                                        <div >-->
<!--                                            <div class="thumb" style="margin-right: 20px">-->
<!--                                                <img class="w-100" src="user/img/blog/b2.jpg" alt="Image-HasTech">-->
<!--                                            </div>-->
<!--                                            <div style="padding-left: 20px">推荐使用支付宝支付</div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
                            <br>
                            <br>

                            <div class="row">
                                <div class="login-form-group" style="margin-left: 180px">
                                    <button id="finish" class="btn-sign">确认支付</button>
                                </div>
                            </div>
                        </div>
                        <!--== End Login Form ==-->
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!--== End Account Area Wrapper ==-->
</main>

<div th:replace="/user/common/CSSandJS1 :: js"></div>

<script >
    $("#finish").click(function (){
        location.href = "/finishOrder?orderId="+[[${orderId}]];
    })
</script>
</body>
</html>